<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery 制作邮件删除效果</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- 记得导入jquery文件! -->

<script>

//实现思路与步骤 
//1.找到“全选/全不选”按钮，绑定鼠标单击事件。
//2.查找所有的复选框，把每个复选框的checked属性值变为true或false，实现全选或全不选。
//3.找到“删除邮件”按钮，绑定onclick事件。
//4.查找所有checked属性值为true的复选框，删除其所在的行，即删除了该邮件。

 
 
 //--------------在此开始你的代码--------------------
 



 //--------------在此结束你的代码--------------------

</script>
</head>
<body>
<center>
  <div class="warp">
    <p>收件箱</p>
    <table>
      <tr>
        <td>状态</td>
        <td>发件人</td>
        <td>主题</td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>里德</td>
        <td>周末出去爬山，去吗？</td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>德培</td>
        <td>大爷，你的工作报表还没交呐，再不交这个月末你就等shi啦~~~</td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>Moscow</td>
        <td>Are you free tomorrow night? I'm wondering if you're free for dinner.</td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>贱男春</td>
        <td>一不小心闹饥荒了，求赞助啊大爷！！！</td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>MO</td>
        <td>临时有事，今天就不去找你啦，乖乖上班干活哦，不然回来收拾你o(∩_∩)o </td>
      </tr>
      <tr>
        <td><input name="Select" type="checkbox" value="Select"></td>
        <td>xxxxx公司</td>
        <td>恭喜你，你获得我们公司的一等奖：价值1000w的宝马一辆！请汇款5000到......</td>
      </tr>
    </table>
    <div>
      <a><span>全选 / 全不选</span></a>
      <a><span>删除邮件</span></a>
    </div>
  </div>
</center>
</body> 
</html>